{% extends"cms/cms_base.html" %}
{% from "common/_macros.html" import static %}

{% block title -%}
    修改邮箱
{%- endblock %}

{% block head %}
    <script src="{{ static('cms/js/resetemail.js') }}"></script>
{% endblock %}


{% block page_title -%}
    {{ self.title() }}
{%- endblock %}

{% block main_content %}
    <form action="" method="post">
        <div class="form-container">
        {# 用于自定义样式 #}
            <div class="form-group">
            {# from-group 多个元素间隔均匀#}
                <div class="input-group">
                {# input=group 包裹input及其按钮部件#}
                    <input type="email" class="form-control" placeholder="新邮箱" name="email">
                    {# from-control 设置windth: 100%以及其他，达到更好排列#}
                    <span class="input-group-addon" id="captcha-btn"  style="cursor: pointer">获取验证码</span>
                    {# input边按钮部件 #}
                </div>

            </div>
            <div class="form-group">
                <input type="text" class="form-control" name="captcha" placeholder="邮箱验证码">
            </div>
            <div class="form-group">
                <button class="btn btn-primary" id="captcha_submit">立即修改</button>
            </div>
        </div>
    </form>
{% endblock %}